<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Contact</title>

  <link rel="shortcut icon" href="favicon.ico"/>
  <!-- Stylesheets Start //-->
  <link href="css/style.css" rel="stylesheet" type="text/css" />
  <link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
  <link href="css/roundabout.css" rel="stylesheet" type="text/css" />
  <link href="css/noscript.css" rel="stylesheet" type="text/css" media="screen,all" id="noscript" />
  <!-- Stylesheets End //-->
    
  <!-- Javascript Start //-->
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/ddsmoothmenu.js"></script>
  <script type="text/javascript" src="js/jquery.roundabout.js"></script>
  <script type="text/javascript" src="js/jquery.tools.tabs.min.js"></script>
  <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
  <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
  <script type="text/javascript" src="js/functions.js"></script>
  
  <script type="text/javascript" src="js/cufon-yui.js"></script>
  <script type="text/javascript" src="js/fonts/TitilliumText14L_400.font.js"></script>
  
  <script type="text/javascript">
    Cufon.replace('h1,h2,h3,h4,h5',{hover: 'true'})('a.button', {hover: 'true'})('.nivo-caption p')('.heading-block span')('.heading-block-footer span');
    Cufon.replace('.ddsmoothmenu li a');
    Cufon.replace('.ddsmoothmenu li', {
    	hover: true,
    	hoverables: { li: true },
    	ignore: { ul: true },
    	textless: { li: true }
    });
    Cufon.replace('.ddsmoothmenu li ul li', {
    	hover: true,
    	hoverables: { li: true },
    	ignore: { ul: true },
    	textless: { li: true }
    });
    Cufon.replace('.ddsmoothmenu li ul li ul li', {
    	hover: true
    });   
  </script>
  
  <script type="text/javascript">

    $(document).ready(function() {
    var interval;
    
    $('ul#myRoundabout').roundabout({
    		btnNext: '.next',
    		btnPrev: '.prev',
    		duration: 700,
    		easing: 'easeOutCubic',
    		minOpacity: 1.0,
    		minScale: 0.1,
    		reflect: true
    	}).hover(
  				function() {
  					// oh no, it's the cops!
  					clearInterval(interval);
  				},
  				function() {
  					// false alarm: PARTY!
  					interval = startAutoPlay();
  				}
  			);
  		
  		// let's get this party started
  		interval = startAutoPlay();  
  	});
    
    function startAutoPlay() {
  		return setInterval(function() {
  			$('ul#myRoundabout').roundabout_animateToNextChild();
  		}, 5000);
  	}
  	
  </script>   
  
  <!-- Javascript End //-->
  <!-- Danh cho slide show-->
  <link rel="stylesheet" type="text/css" href="css/style6.css" />
<script language="javascript" type="text/javascript" src="js/js_slideshow/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/js_slideshow/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="js/js_slideshow/script.js"></script>
<script type="text/javascript">
 $(document).ready( function(){	
		var buttons = { previous:$('#lofslidecontent45 .lof-previous') ,
						next:$('#lofslidecontent45 .lof-next') };
						
		$obj = $('#lofslidecontent45').lofJSidernews( { interval : 4000,
												direction		: 'opacity',	
											 	easing			: 'easeOutBounce',
												duration		: 1200,
												auto		 	: true,
												mainWidth:940,
												buttons			: buttons} );	
	});
</script>
  <!-- Ket thuc slideshow-->
</head>

<body>

<div class="container">

  <div id="topbar">
  <span  style="float:right; margin-right:20px;margin-top:10px;">
  <a href="#"><img src="images/vi.png" /></a>
  
  <a href="#" style="margin-left:10px;"><img src="images/en.png" /></a></span>
  </div>
  
  <div class="wrapper">
  <!-- Header -->    
    <div id="header">
      
      <!-- Logo -->
      <div id="logo">
        <a href="index.html"><img src="images/logo.png" alt="" /></a>
      </div>
      <!-- Logo End  -->
    
      <!-- Main Navigation -->
      <div id="menu">
        <div id="smoothmenu1" class="ddsmoothmenu">
          <ul>
            <li><a href="index.html" class="selected" >Trang chủ</a></li>
            <li><a href="about.html">Giới thiệu</a></li>
            <li><a href="pricing.html">Dịch vụ</a> </li>
            <li><a href="services.html">Dự án</a> </li>
            <li><a href="#">Tài liệu</a></li>
            <li><a href="blog.html">Liên hệ</a></li>
          </ul>
        </div>
		
      </div>
    </div>
  <!-- Main Navigation End -->

 <!--Site Slogan -->
  <div class="slogan">
   <!------------------------------------- SLIDE SHOW START------------------------------------------------->
<div id="lofslidecontent45" class="lof-slidecontent" style="width:940px; height:340px;">
<div class="preload"><div></div></div>
 <!-- MAIN CONTENT --> 
  <div class="lof-main-outer" style="width:940px; height:340px;">
    <div onclick="return false" href="" class="lof-previous"></div>
  	<ul class="lof-main-wapper">
  		<li>
        		<img src="images/thumbl_980x340_002.png" title="Newsflash 2" >           
                 <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 1" href="#Category-1">/ Newsflash 1 /</a> <i> — Monday, February 15, 2010 12:42</i></h3>
				
                
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
       <li>
       	  <img src="images/thumbl_980x340.png" title="Newsflash 1" >           
          	 <div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 2" href="#Category-2">/ Newsflash 2 /</a> 	<i> — Monday, February 15, 2010 12:42</i></h3>
               
                
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
       <li>
       	  <img src="images/thumbl_980x340_003.png" title="Newsflash 3" >            
          	<div class="lof-main-item-desc">
                <h3><a target="_parent" title="Newsflash 3" href="#Category-3">/ Newsflash 3 /</a> 	<i> — Monday, February 15, 2010 12:42</i></h3>
              
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
       
      </ul>  	
         <div onclick="return false" href="" class="lof-next"></div>
  </div>
 
</div>
      
  <!-----------------slideshow end --------------------->
  </div>
  <!--Site Slogan End -->
  
  <div class="clear"></div>
    
  <!-- Main Wrapper -->
    <div id="content" style="border-top:1px solid #DEDEDE;margin-top:15px;padding-bottom:15px;">

      <!-- Main Content -->      
      <div class="col_12">
      <br />
        <h4>Thông tin liên lạc chi tiết của chúng tôi !</h4>
        <p>Dưới đây là chỉ dẫn cụ thể địa chỉ của công ty trên bản đồ.</p>
        <p>Quý khách có thế phóng to thu nhỏ bản đồ để xem chi tiết. .</p>
        <div id="map" class="imgbox"></div>
        <ul class="contactinfo">
          <li>Số 4B, ngõ 77/50, phố Bùi Xương Trạch, 
          <br />Phường Khương Đình, Quận Thanh xuân, Hà Nội.</li>
          <li><strong>Phone</strong> : +62 525625</li>
          <li><strong>Fax</strong> : +62 525625</li>
          <li><strong>Email</strong> : <a href="mailto:#">info@civil.com.vn</a><br />
          <strong>Website</strong> : <a href="#">http://www.civil.com.vn</a></li>
        </ul>      
        <div class="clear"></div>
      </div>
      
      <div class="col_12 last">
      <br />
        <h4>Gửi liên hệ tới chúng tôi !</h4>
        <p>Mọi vấn đề thắc mắc cũng như trao đổi thông tin về công ty xin quý khách vui lòng nhập thông tin vào form bên dưới rồi gửi về cho chúng tôi. Chúng tôi sẽ phản hồi quý khách một cách sớm nhất. .</p>
        <div id="maincontactform">
          <form action="#" id="contactform"> 
          <div>
            <label for="contactname">Họ tên</label>
            <input type="text" name="contactname" class="textfield" id="contactname" value=""  /><span class="require"> *</span>
            <label for="contactsubject">Tiêu đề</label>
            <input type="text" name="contactsubject" class="textfield" id="contactsubject" value=""/><span class="require"> *</span>
            <label for="contactemail">E-mail của bạn</label> 
            <input type="text" name="contactemail" class="textfield" id="contactemail" value="" /><span class="require"> *</span>
            <label for="contactmessage">Nội dung</label> 
            <textarea name="contactmessage" id="contactmessage" class="textarea" cols="8" rows="12"></textarea><span class="require"> *</span>
            <div class="clear"></div> 
            <a href="#" class="button buttonblue" id="buttonsend" ><span>Gửi</span></a>
            <span class="loading" style="display: none;">Please wait..</span>
          </div>
          </form>
        </div>
      </div>           
    </div>
  </div>
  
  <div class="clear"></div>
  
  <!-- Footer -->
  <div id="footer-wrapper">
    <div class="wrapper">
    
      <!-- Footer Box -->
      <div class="footerbox col_14_1">
        <div class="heading-block-footer"><span>Bản quyền</span></div>  
         <p>CÔNG TY CP XÂY DỰNG DÂN DỤNG HN

		<br />Mã số DN: 

<br /> (Cấp bởi Sở kế hoạch & Đầu tư TP.HN)
<br />
© 2012 Bản quyền của Hà Nội Civil. <br />
		</p>
      </div>
      <!-- Footer Box End -->
      
      <!-- Footer Box -->
      <div class="footerbox col_14_1">
        <div class="heading-block-footer"><span>Địa chỉ</span></div> 
        <p>Số 77/55, Bùi Xương Trạch, Q.Thanh Xuân, HN<br />

VPGD: P.401 H3 Kim Giang, Thanh Xuân, HN<br />

ĐT: 04.35.596984<br />

Email: info@civil.com.vn<br /></p>
      </div>
      <!-- Footer Box End -->
      
     
      
      <!-- Footer Box -->
      <div class="footerbox col_14 last">
        <div class="heading-block-footer"><span>Bản đồ</span></div>
        <img src="images/map.jpg" />
        
      </div>
      <div class="clear"></div>
    </div>
    <!-- Footer Box End -->
    
    <div class="clear"></div>
    
    <!-- Footer Bottom -->
    <div class="footer-bottom">
      <p>
          <span><a href="#">Thiết kế bởi ATF </a></span>
        </p>
      <!-- Footer Bottom End -->
    </div>
    <!-- Footer -->
    
  </div>
  <!-- Wrapper End -->
  
</div>
  
</body>
</html>